尤明明Blog

网站建设外包|网站切图外包,技术不仅是一种专业,更是一种责任!

您的当前位置: 首页 » 前端学习 » vue »

使用vue-cli创建项目基础(好理解易操作)!

2020-07-26   Umming   vue    评论(0)    浏览(202)


安装node.js(后端服务框架)

https://www.nodejs.cn

安装node会自动安装npm服务

npm是node服务的管理工具(安装,卸载..)


常用dos命令

cd打开文件夹

md新建文件夹

dir查看文件夹内容

cd..返回上一级文件夹


查看npm全局安装位置

npm root -g


npm和cnpm的区别(国外镜像和国内淘宝镜像)


设置npm默认下载源地址为国内镜像

npm config set registry https://registry.npm.taobao.org


通过npm安装cnpm

npm install cnpm -g --registry=https://registry.npm.taobao.org


通过cnpm安装vue-cli

cnpm install vue-cli -g (ctrl+c终止安装)

cnpm uninstall vue-cli -g (卸载vue-cli)



创建vue-cli项目

(webpack只是项目模板而已!!!)

vue init  webpack projectName(项目名不允许大写字母)


如果过程中出问题,可能是vue-cli没有安装成功,在当前文件夹重新安装即可

cnpm install vue-cli -gd(gd是安装运行和生产环境)


新装的win10系统,使用vue-cli在控制台创建项目时出现乱码,请问如何处理?

解决办法:

打开cmd,在控制台输入CHCP 65001,按回车键即可将编码格式设成utf-8,再创建就不会乱码了。


vue-router安装

Use ESLint to lint your code?安装


启动本地服务默认是8080端口

npm run dev


sublime text vue文件高亮插件下载地址

https://github.com/vuejs/vue-syntax-highlight

下载压缩包解压复制

在sublime菜单首选项/插件浏览 里面新建vue文件夹,粘贴复制的内容即可

然后ssv设置文档格式即可高亮


三级页面路由挂载

<router-view></router-view>


路由模式

hash模式#

history模式(需要配合后台处理404问题)

router

mode:'history'


在开发环境安装eslint插件

cd 到开发环境文件夹,npm install eslint --save(生产环境)

cd 到开发环境文件夹,npm install eslint --save-dev(开发环境)

标签: vue

本文链接:https://www.umming.com/vue/256.html     百度已收录

声明:本站信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!


也许你还会对下面的内容感兴趣: