构建vue项目常用的两种方式

x现在比较常用的构建vue项目的方式有两种：

一是利用代码打包工具webpack构建vue项目，二是运用vue官网提供的vue-cli来实现；

 

webpack构建过程：

1.去官网安装node.js,下载安装包之后直接点击安装 可用node -v查看版本

2.安装webpack

　　npm install webpack -g

3.全局安装vue-cli

　　npm install -g vue-cli

4.创建基于webpack的新项目

　　vue init webpack my-project

5.安装依赖项，安装完会新增node_modules文件夹

　　cd my-project　　

　　npm install

　　npm run dev

6.安装插件

　　npm install vuex --save //安装vuex

　　npm install vue-resource --save

　　npm install vue-router --save //安装路由

7.项目打包

　　npm run build

 

官网vue-cli构建过程：

1.卸载旧版本vue-cli

npm uninstall vue-cli -g 或 yarn global remove vue-cli 

 

2.安装新版本

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

3.检查版本

vue --version

 

4.创建项目

vue create hello-world

5.启动项目

npm run serve 或 vue ui