乐趣区

关于vue.js:手把手教你如何搭建一个vue项目

jiezi

1、先进去 node.js 官网下载，https://nodejs.org/zh-cn/download/
2、装置胜利后，命令框执行：node -v(查看以后 node 版本) npm -v(查看以后 npm 版本)
3、装置 cnpm

 指令：npm install cnpm -g（装置 cnpm，- g 代表全局装置）查看是否装置胜利：cnpm  -v(查看以后 cnpm 版本)

4、装置 webpack

 指令：npm intsall webpack -g
 查看装置后果：webpack -v

5、装置 vue-cli

 指令：npm install vue-cli -g

cnpm install -g @vue/cli
6、开始创立一个 vue 我的项目 

 1. 上面筹备在 D 盘目录下的 WebstormProjects 下创立一个 vue 我的项目

2. 首先依照下图中所示形式进入到当前目录下的 cmd 窗口
3. 在 Cmd 命令窗口输出如下命令，新建一个 vue 我的项目 

           vue init webpack my-project

4. 在建设 vue 我的项目中次要须要输出如下信息
Project name my-project – 我的项目的名称，间接默认回车 

Project description A Vue.js project  -- 我的项目形容，间接默认回车
Author syf                            -- 作者姓名，输出名字（syf）回车
Install vue-router? Yes               -- 是否装置路由，输出 y 回车
Use ESLint to lint your code? No      -- 是否用 ESLint 标准代码，输出 n 回车
Set up unit tests No                  -- 是否须要单元测试，输出 n 回车
Setup e2e tests with Nightwatch? No   -- 是否须要单元测试，输出 n 回车
  5. 进入到 my-project 文件夹下
         cd my-project
  6. 装置依赖
         cnpm install
  7. 启动我的项目
          npm run dev

具体查看：https://www.cnblogs.com/shenyf/p/8341641.html
记得设置镜像哦～
1、查看淘宝镜像:npm config get registry
2、设置淘宝镜像:npm config set registry url

退出移动版