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

通过命令创建vue项目(超详细版本)

时间:2020-03-24 10:42:06      阅读:78      评论:0      收藏:0      [点我收藏+]

标签:install   tao   推荐   class   pack   blank   targe   npm   org   

环境要求:  安装有 Node.js、 vue、 vue-cli 。

node下载地址https://nodejs.org/en/

查看nodejs版本和npm版本,在命令行中输入:

node -v
npm -v 

npm更新到最新的版本

npm install -g npm

淘宝 NPM 镜像,大家都知道国内直接使用npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像

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

vue-cli安装                    

npm install vue-cli -g   //全局安装 vue-cli

vue-cli的版本查看        

vue -V

vue-cli的3.0+以后使用的不是vue-cli了,如果用以上的安装命令安装的并不是最新版的3.0+的,而如果安装3.0的话就需要使用新的

npm install @vue/cli -g

如果原来已经安装了vue-cli的话需要先卸载原来的安装

npm uninstall vue-cli -g

 



创建项目:

vue init webpack projectName

技术图片


进入项目,下载依赖:(进入项目一定要切换到项目路径)

npm install 或者 cnpm install

 技术图片

 

运行项目:

npm run dev

 技术图片

通过命令创建vue项目(超详细版本)

标签:install   tao   推荐   class   pack   blank   targe   npm   org   

原文地址:https://www.cnblogs.com/alizhi/p/12557224.html

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