1.安装最新版本的node.js
参考网址:node.js下载
参考网址:node.js安装配置 菜鸟教程
2.安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
3.安装脚手架
npm install -g @vue/cli
4.创建项目
vue create myjob
5.配置项目
a.选择手动配置
b.选择需要的
c.不选history模式
d.选less
e.选择仅保存时报错
f.选择保存时检测语法
g.配置放在package.json里
h.选N
i.项目正在创建
j.项目创建成功
6.进入项目
cd myjob
7.运行项目
npm run serve
项目创建成功之后都有哪些文件夹
node_modules —— 安装好的各个模块
public —— 存放的是最后编译项目时候的页面模板,里面是index.html文件
src —— 整个项目中所有需要包含的代码
.gitignore —— 忽略文件
babel.config.json —— babel的配置信息(编译解析js)
package.json —— 当前项目依赖清单(各种插件,如:jQuery)
src文件夹下的文件:
assets —— 存放静态资源文件(比如自己的资源图片、css文件、js文件)
components —— 公共组件(经常复用的)
router —— 路由组件
store —— vuex状态管理
views —— 逻辑页面组件(记得要建文件夹哦)
App.vue —— 核心文件
main.js —— 入口文件
vue脚手架如何卸载
在命令行窗口 输入 npm uninstall -g vue-cli