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

38次阅读

共计 886 个字符,预计需要花费 3 分钟才能阅读完成。

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

正文完
 0