码迷,mamicode.com
首页 > 其他好文 > 详细

第一个Vue-cli创建项目

时间:2020-02-17 14:23:35      阅读:105      评论:0      收藏:0      [点我收藏+]

标签:vue-cli   admin   加速器   route   nis   min   运行   unit   author   

需要环境:

Node.js:http://nodejs.cn/download/

安装完成之后,使用cmd测试:

技术图片

 

 我现在的是最新的

安装Node.js加速器:

这个下载的稍微慢一些
npm install cnpm -g

下载完之后在设置

npm config set registry http://registry.npm.taobao.org

安装的位置是C:\Users\Administrator\AppData\Roaming\npm

然后安装Vue-cli

cnpm install vue-cli -g

#查看是否安装成功

vue list

技术图片

 

 

创建一个文件夹cmd进入,进入之后创建项目

vue init webpack  项目名
Project name:项目名称,默认 回车 即可
Project description:项目描述,默认 回车 即可
Author:项目作者,默认 回车 即可
Install vue-router:是否安装 vue-router,选择 n 不安装(后期需要再手动添加)
Use ESLint to lint your code:是否使用 ESLint 做代码检查,选择 n 不安装(后期需要再手动添加)
Set up unit tests:单元测试相关,选择 n 不安装(后期需要再手动添加)
Setup e2e tests with Nightwatch:单元测试相关,选择 n 不安装(后期需要再手动添加)
Should we run npm install for you after the project has been created:创建完成后直接初始化,选择 n,我们手动执行;运行结果!

 

cmd进入刚才创建的项目里面

#下载资源
npm install
#启动项目
npm run dev

 

第一个Vue-cli创建项目

标签:vue-cli   admin   加速器   route   nis   min   运行   unit   author   

原文地址:https://www.cnblogs.com/jzfanqiejiang/p/12321340.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!