搭建vue环境流程

版权声明:没经同意不得转载 https://blog.csdn.net/weixin_41622043/article/details/79228868
部署前要先安装nodejs和npm
http://nodejs.cn/download/


右击鼠标新建文件夹,命名为 vue-demo

打开终端(windows系统为运行cmd.exe 或打开git bash 或打开webstorm下的Terminal)
全局安装(windows 无需sudo,同下)
sudo cnpm install vue -g
sudo cnpm install vue-cli -g

查看版本
vue -V

初始化完整模式下的webpack安装
sudo vue init webpack vuedemo

初始化简单模式下的webpack 安装
sudo vue init webpack-simple vuedemo

询问:
是否安装在当前文件夹
项目名字一定要小写可以用 “-”分隔英文
项目描述
作者 Author xxx
Vue build standalone
Install vue-router?yes
Use ESLint to lint your code?no //是否需要语法检查?no
Setup unit tests with Karma + Mocha?no //是否需要单元测试?no
Setup e2e tests with Nightwatch?no //端到端的测试?no
license MIT
是否用sass?
use sass? no

打开文件夹
cd vue-demo

安装依赖的插件
sudocnpm install

在终端输入
sudocnpm run dev //自动把项目跑起
sudocnpm start //启动项目
在浏览器打开http://localhost:8080
配置成功!撒花~

ctrl+c 停止运行
sudonpm run build //自动生成部署用的一套文件
ctrl+c 停止运行


安装前端路由
sudocnpm install vue-router --save




猜你喜欢

转载自blog.csdn.net/weixin_41622043/article/details/79228868