1.安装
(1)前提,安装node(查看node指令node -v)
(2)在全局中安装webpack
命令为: npm i/install webpack -g
(3)在全局中安装vue-cli脚手架
命令为: npm i vue-cli -g
(4)初始化项目
①在指定的目录中进行命令行或者打开git
命令为:vue init webpack “项目名称”
注意:项目名称不要包含中文和空格
(5)到项目根目录下
命令为:cd 项目名称
(6)运行
命令为:npm run vue
可选:可在chrome中安装vue插件
可选:当脚手架或者node-models安装报错或丢包时,清除缓存命令为npm cache clean --force
(7)vue-cli需要知道的要点
文件夹:
build 项目构建工具目录
config 项目配置文件目录
node_modules 项目依赖目录
src 项目目录--主战场
main.js 项目启动文件
App.vue 根组件
static 静态资源目录
index.html 网站首页
package.json 项目依赖配置文件