1.本人使用的是windows环境,安装vue-cli命令如下
npm install -g vue-cli (安装前需要电脑安装好node.js)
命令行回车后等一会就安装好了
install-vue-cli.PNG
2.vue-cli是否安装成功测试
在命令窗口打一下vue回车,如果安装成功会看到如下信息
install_success.PNG
3.例如要使用webpack模板,可以通过init命令来安装,如下
vue init webpack xxxx(项目名字)
安装过程中会询问是否要安装一些东西,可以选择性安装如下图
webpack.PNG
安装完成后,一般会弹出提示怎么运行项目,如下
cd test(项目名称)
npm run dev
3.安装依赖并运行项目
在项目根目录下运行以下命令,安装依赖,安装完后会多一个叫node_modules的文件夹
npm install
运行项目使用命令
npm run dev
运行后在命令窗口看到,说明运行成功了
Your application is running here: http://localhost:8080
可以在浏览器中输入http://localhost:8080回车查看运行的项目
网友评论