vuejs开发环境搭建

vue开发环境搭建(官方推荐命令)

必须有node环境

npm install -global vue-cli / cnpm install -global vue-cli

1.创建&启动项目（webpack创建）

#创建
vue init webpack vuedemo
#进入项目路径
cd vuedemo
#安装依赖
npm install / cnpm install
#启动
npm run dev

2.创建&启动项目（webpack-simple创建）

#创建
vue init webpack-simple vuedemo
#进入项目路径
cd vuedemo
#安装依赖
npm install / cnpm install
#启动
npm run dev

vue-cli 2.X升级3.X

1.升级3.X之前需要卸载2.X

npm uninstall -global vue-cli

2.安装vue-cli 3.X(以下3种命令都可以安装)

npm install -g @vue/cli 
cnpm install -g @vue/cli 
yarn global add @vue/cli

3.创建&启动项目

#创建项目
vue create vuedome01
#进入项目路径
cd vuedemo01
#启动项目
npm run serve
#编译项目
npm run build

PS：cnpm的安装(淘宝镜像)

#地址：http://npm.taobao.org/	
#安装cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org

参考资料

vuejs安装