vue初始化项目 vue cli搭建手脚架
1.第一步npm安装node.js (node.js网址)
检查node.js和npm版本 命令:node-v npm-v
2.第二步项目初始化
1.安装vue -cli
npm install vue-cli -g //全局安装 vue-cli
cnpm install vue-cli -g //全局安装 vue-cli (淘宝镜像cnpm)
使用vue -V 命令检验vue -cli版本 是否安装成功
2.创建项目
通过 vue init webpack 项目名
注意标注的地方 根据个人需求所选择
创建好了之后先使用命令去把依赖下载好 再去运行
依赖下载: npm install
运行:npm run dev
注:要在你创建的文件下进行安装和运行!!
例:我创建的项目工程文件叫gaot
要先cd到你的项目的目录文件下 再去使用命令下载依赖
看下图: 注意到了吗 我是先cd到我的项目目录文件gaot下 再去执行的命令下载依赖 然后等依赖下载完之后就可以去运行啦
运行完成之后在浏览器打开这个网址就可以看到你的项目了
这样子就是安装成功啦!
利用vue-cil初始化构建vue项目,我们会获得一个初始化的文件夹结构,如下: