Vue项目搭建

1.安装node.js     https://nodejs.org/zh-cn/   直接下一步完成安装   控制台node -V  检测版本

下载也gitbash 

2，在某盘建立一个新的文件    鼠标右键 gitbash here  

3.安装淘宝镜像  npm install -g cnpm --registry=https://registry.npm.taobao.org      cnpm -v检测版本

 

如果安装过cli2  需要卸载  npm uninstall vue-cli   

4.全局安装 cnpm install -g @vue/cli   或    yarn global add @vue/cli

 vue -v

5.创建项目  vue create my-project

 6. cd my-project   

7.npm run dev

 

项目创建成功

 

——————————————————————————————————

安装vuex  

npm install vuex

 

 

 

 

 

 

简洁版：

1 . 安装 node.js

下载后检测版本 node -v

2. $ npm install -g cnpm --registry=https://registry.npm.taobao.org

安装成功后输入cmpm 校验是否成功 ，后续使用

3. $ npm install --global vue-cli

全局安装 vue-cli

4. $ vue init webpack my-project(自己的项目名）

创建一个基于 webpack 模板的新项目

5 $ cd my-project(自己的项目名）

进入文件夹

6. $ npm install

安装依赖

7. $ npm run dev

运行文件

8. $ npm run build 打包项目

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~2.vue项目的搭建、

 

第一种方法：

第一种是基于先在文件夹中建立一个文件

准备工作：

1.先下载一个编辑器，目前我用的是 Vistal Studio Code

2. 下载 git bash git bash是Windows下的命令行工具。(具体自行百度）

3. 下载最新稳定版 node.js如下图

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

1 . 安装node.js 打开项目文件夹，.鼠标右击 Git Bash Here 打开终端。如下图

下载后检测版本 node -v

2. $ npm install -g cnpm --registry=https://registry.npm.taobao.org

安装成功后输入cmpm 校验是否成功 ，后续使用

3. $ npm install --global vue-cli

全局安装 vue-cli

4. $ vue init webpack my-project(自己的项目名）

创建一个基于 webpack 模板的新项目

5. $ cd my-project(自己的项目名）

进入文件夹 如果你在D盘 文件名是test ，注意要把文件路径弄对！

6. $ npm install

安装依赖

7. $ npm run dev

运行文件

8 . 把这个复制到网页，运行下就OK了

http://localhost:8082

9. $ npm run build 打包项目

 

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

 

第二种方法：

第二种方法是基于直接打开终端，使用命令行新建一个项目

准备工作：

1.先下载一个编辑器，目前我用的是 Vistal Studio Code

2. 下载 git bash git bash是Windows下的命令行工具。(具体自行百度）

3. 下载最新稳定版 node.js如下图

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

1 . 电脑左面.鼠标右击 Git Bash Here 打开终端。如下图

2. 命令行输入 $ node -v 查看安装node 是否成功， 如果成功，会有版本号

3. 安装淘宝镜像 $ npm install -g cnpm --registry=https://registry.npm.taobao.org

4. $ npm install --global vue-cli 全局安装 vue-cli

5. $ vue init webpack my-project(自己的项目名） 创建一个基于 webpack 模板的新项目

6. $ cd my-project(自己的项目名） 进入文件夹

7. $ npm install 安装依赖

8. $ npm run dev 运行文件

9.   $ npm run build 打包项目

10 .把这个复制到网页，运行下就OK了 http://localhost:8082

补充，这种的话一般项目会随电脑默认，把项目建立的，某个文件夹，可以用

，输入项目名称搜索文件，可以找到建立的文件，

也可以现在C,D,E盘提前建立，右击运行文件即可

我也不知道为啥传不上图，我每个步骤都有图的。。。。。。。