1.安装nodejs,自带npm环境。

1.安装nodejs,自带npm环境。

vuejs安装篇,vuejs安装

1.安装nodejs,自带npm环境。

地址:
历史版本下载地址: 
可机关接纳切合自己操作系统的版本。

澳门金沙国际 1

安装进度参见:

2.设置天猫镜像。

因国内访问国外链接速度过慢,提议将 npm
的登记表源设置为国内的镜像,能够大幅升高安装速度。

开辟cmd直接输入:npm install -g cnpm
–registry=…

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

专注=前边无法有空格,否则会报错。

值得珍藏的vuejs安装教程。3.安装express(采用设置)。

cnpm install -g express

4.安装webpack 。

cnpm install -g webpack

5.安装vue。

cnpm install vue

6.安装 vue-cli。

cnpm install -g vue-cli

7.至此,已经落成环境搭建,可以初阶项目初步化。

在cmd里用cd命令跳转到指定地点,项目发轫化命令:vue init webpack vue-projectname。projectname–项目文件夹的名目(名字不可能用普通话),这些vue-projectname文件夹会自动生成在您跳转到的办事目录中。

vue init webpack vue-projectname

澳门金沙国际 2

专注:安装进程中,须求活动输入项目名称,描述,小编等等,即上图中的?前面的答案。

8.cd到我们的项目文件夹d:\Vue\vue-test中,运行命令cnpm install 安装包。

cnmp install

澳门金沙国际 3

9.测试项目是或不是安装成功。

cnpm run dev

澳门金沙国际 4

1.安装nodejs,自带npm环境。
地址:
历史版本下载地址: 可自行接纳…

正文为大家分享了vuejs安装教程,供大家参考,具体内容如下

地址:,Node.js
历史版本下载地址: 
可自行选拔符合自己操作系统的本子。

地址:,Node.js
历史版本下载地址: 
可自行选取切合自己操作系统的版本。

1.安装nodejs,自带npm环境。

澳门金沙国际 5

澳门金沙国际 6

地址:,Node.js
历史版本下载地址:
可自动选取符合自己操作系统的本子。

安装进度参见:。

安装进度参见:。

澳门金沙国际 7

2.安装Taobao镜像。

2.装置天猫镜像。

澳门金沙国际,设置进程参见:安装配置

因国内访问国外链接速度过慢,指出将 npm
的注册表源设置为国内的镜像,可以大幅升级安装速度。

因境内访问国外链接速度过慢,提议将 npm
的挂号表源设置为国内的镜像,能够大幅升级安装速度。

2.装置Tmall镜像。

开辟cmd直接输入:npm install -g cnpm
–registry=https://registry.npm.taobao.org,回车,等待安装…

开辟cmd直接输入:npm install -g cnpm
–registry=https://registry.npm.taobao.org,回车,等待安装…

因国内访问国外链接速度过慢,提议将 npm
的挂号表源安装为国内的镜像,可以大幅进步安装速度。

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

开拓cmd直接输入:npm install -g cnpm
–registry=…

专注=前边不可能有空格,否则会报错。

留意=前面不可以有空格,否则会报错。

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

3.安装express(采纳设置)。

3.安装express(选取设置)。

只顾=前面不可以有空格,否则会报错。

cnpm install -g express
cnpm install -g express

3.安装express(选择设置)。

4.安装webpack 。

4.安装webpack 。

cnpm install -g express
cnpm install -g webpack
cnpm install -g webpack

4.安装webpack 。

5.安装vue。

5.安装vue。

cnpm install -g webpack
cnpm install vue
cnpm install vue

5.安装vue。

6.安装 vue-cli。

6.安装 vue-cli。

cnpm install vue
cnpm install -g vue-cli
cnpm install -g vue-cli

6.安装vue-cli。

7.至此,已经完成环境搭建,可以初始项目初阶化。

7.至此,已经形成环境搭建,可以开头项目初步化。

cnpm install -g vue-cli

在cmd里用cd命令跳转到指定地方,项目开头化命令:vue init webpack vue-projectname。projectname–项目文件夹的称呼(名字不可能用汉语),这一个vue-projectname文件夹会自动生成在您跳转到的工作目录中。

在cmd里用cd命令跳转到指定地址,项目开端化命令:vue init webpack vue-projectname。projectname–项目文件夹的名称(名字不可以用中文),这些vue-projectname文件夹会自动生成在您跳转到的做事目录中。

7.至此,已经形成环境搭建,可以开始项目先河化。

vue init webpack vue-projectname
vue init webpack vue-projectname

在cmd里用cd命令跳转到指定地方,项目开首化命令:vueinitwebpackvue-projectname。projectname–项目文件夹的称呼(名字无法用普通话),那么些vue-projectname文件夹会自动生成在您跳转到的干活目录中。

澳门金沙国际 8

澳门金沙国际 9

vue init webpack vue-projectname

小心:安装过程中,需求活动输入项目名称,描述,小编等等,即上图中的?前边的答案。

只顾:安装进程中,需求活动输入项目名称,描述,作者等等,即上图中的?后边的答案。

澳门金沙国际 10

8.cd到我们的种类文件夹d:\Vue\vue-test中,运行命令cnpm install 安装包。

8.cd到大家的门类文件夹d:\Vue\vue-test中,运行命令cnpm install 安装包。

瞩目:安装进度中,需求活动输入项目名称,描述,作者等等,即上图中的?后边的答案。

cnmp install
cnmp install

8.cd到大家的项目文件夹d:\Vue\vue-test中,运行命令cnpm install 安装包。

澳门金沙国际 11

澳门金沙国际 12

cnmp install

9.测试项目是或不是安装成功。

9.测试项目是或不是安装成功。

澳门金沙国际 13

cnpm run dev
cnpm run dev

9.测试项目是或不是安装成功。

澳门金沙国际 14

澳门金沙国际 15

cnpm run dev

澳门金沙国际 16

上述就是本文的全体内容,希望对大家的就学抱有协理,也冀望我们多多扶助脚本之家。

你或许感兴趣的篇章:

  • Vue.js简易安装和快速入门(第二课)
  • Vue学习笔记进阶篇之vue-router安装及利用方法
  • Vue学习笔记进阶篇之vue-cli安装及介绍
  • 详解在vue-cli项目中装置node-sass
  • 手把手搭建安装基于windows的Vue.js运行环境
  • 详解vue.js的devtools安装
  • 详解使用nodeJs安装Vue-cli
  • vue.js的装置形式
  • vue.js从安装到搭建进程详解
  • vue.js开发条件设置教程

相关文章