- 安装npm
查看npm版本: npm -v - 安装vue-cli
sudo npm install vue-cli -g - 查看vue版本(大写V)
vue -V - 安装webpack
sudo npm install webpack -g - 切换到需要建工程的路径
cd VueProject/ - 新建vue工程vue-demo
sudo npm init webpack vue-demo
根据需求填入工程信息:
project name
project description
author
Install vue-router? Y (是否下载路由插件)
User ESLint to lint your code? Y (是否启用ESLint规则检测)
Set up unit tests? N (是否要测试)
Setup e2e tests with Nightwatch? N (是否用Nightwatch进行e2e测试)
Should we run 'npm install' for you after the project has been created? Yes, use NPM (用npm启动工程)
- 创建好工程以后,进入工程目录
cd vue-demo - 起本地服务器
npm run dev -
浏览器输入localhost:8080 (端口默认8080) 出现vue页面
notes:在创建工程的时候如果报permission denied的错时要在init命令前加sudo来赋予权限
安装依赖: npm install
打包工程: npm run build
起本地服务器: npm run dev