vue项目的创建

忘是亡心i 2022-04-10 13:41 265阅读 0赞

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

由于 npm 安装速度慢，本教程使用了淘宝的镜像及其命令 cnpm，安装使用介绍参照：使用淘宝 NPM 镜像。

npm 版本需要大于 3.0，如果低于此版本需要升级它：

\# 查看版本  
$ npm -v  
2.3.0

\#升级 npm  
cnpm install npm -g

\# 升级或安装 cnpm  
npm install cnpm -g

在用 Vue.js 构建大型应用时推荐使用 NPM 安装：

\# 最新稳定版  
$ cnpm install vue

命令行工具

Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。

\# 全局安装 vue-cli  
$ cnpm install --global vue-cli  
\# 创建一个基于 webpack 模板的新项目  
$ vue init webpack my-project  
\# 这里需要进行一些配置，默认回车即可  
This will install Vue 2.x version of the template.

For Vue 1.x use: vue init webpack\#1.0 my-project

? Project name my-project  
? Project description A Vue.js project  
? Author runoob <test@runoob.com>  
? Vue build standalone  
? Use ESLint to lint your code? Yes  
? Pick an ESLint preset Standard  
? Setup unit tests with Karma + Mocha? Yes  
? Setup e2e tests with Nightwatch? Yes

vue-cli · Generated "my-project".

To get started:  
     
     cd my-project  
     npm install  
     npm run dev  
     
   Documentation can be found at https://vuejs-templates.github.io/webpack

进入项目，安装并运行：

$ cd my-project  
$ cnpm install  
$ cnpm run dev  
 DONE  Compiled successfully in 4388ms

> Listening at http://localhost:8080

发表评论取消回复

表情：

评论列表（有 0 条评论，265人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue创建项目

1.安装node.JS https://nodejs.org/dist/ 安装最新版本 2.安装webpack npm install webpack -g we

淡淡的烟草味﹌/ 2023年07月02日 04:24/ 0 赞/ 37 阅读

相关创建vue项目

VUE创建项目: 1. npm install -g @vue/cli 2. 创建项⽬ vue create project 或可视化创建 vue ui 3.

﹏ヽ暗。殇╰゛Y/ 2023年06月19日 05:25/ 0 赞/ 31 阅读

相关创建VUE项目

第一步：如果电脑中没有安装过node.js, 首先安装node.js 为什么在创建vue项目之前要有node.js？因为

分手后的思念是犯贱/ 2023年02月22日 07:50/ 0 赞/ 28 阅读

相关 Vue 项目（一）：创建项目

1. 全局安装 Vue： npm install -g @vue/cli 2. 创建项目： vue create vue

悠悠/ 2023年02月11日 14:26/ 0 赞/ 271 阅读

相关创建 Vue 项目

安装[nodejs][]，使用以下命令在cmd窗口查看是否安装成功 node -v npm -v 安装步骤如下所示 1、安装生成脚手架的工具：np

深藏阁楼爱情的钟/ 2023年01月05日 05:30/ 0 赞/ 246 阅读

相关 Vue项目创建

1、下载安装 vue脚手架，执行CMD,打开命令窗口 npm install element-plus --save 2、使用脚手架中提供的UI功能创建自己的项目

痛定思痛。/ 2022年10月16日 15:19/ 0 赞/ 309 阅读

相关 vue(一)、创建vue项目

注意：可以使用淘宝镜像 cnpm 1、安装vue脚手架(只用安装一次) npm install --global vue-cli 2、创建一个基于webpack模

妖狐艹你老母/ 2022年05月13日 18:29/ 0 赞/ 288 阅读

相关使用vue创建项目

vue创建项目步骤第一步首先安装npm 首先，先从nodejs。org中下载nodejs。完成安装后，打开控制命令（cmd），检查是否正常。使用淘宝np

刺骨的言语ヽ痛彻心扉/ 2022年04月15日 04:55/ 0 赞/ 492 阅读

相关 vue项目的创建

npm install -g cnpm --registry=https://registry.npm.taobao.org 由于 npm 安装速度慢，本教程使用了淘宝的镜像

忘是亡心i/ 2022年04月10日 13:41/ 0 赞/ 266 阅读

相关 vue项目创建

在开始之前，我们说一下怎么创建一个vue项目，现在的vue版本是2.x，不过3.0的版本估计会在明年下半年发布吧。所以我们还是用2.x的方式来说明。最简单的方式就是使用一款

小鱼儿/ 2022年04月02日 10:18/ 0 赞/ 414 阅读