阿洁的个人博客
web前端
晋ICP备17005336号

vue环境搭建和创建项目

A、下载node.js,双数开头的版本,单数的是最新版不稳定。

B、运行安装node.js。直接下一步安装,或者在node.js runtime,选择第四个。

C、开始菜单cmd,输入node -v查看版本号,有信息说明安装成功。

D、检查npm版本,npm -v

D1、 npm安装方法:npm install -g cnpm —registry=https://registry.npm.taobao.org

D2、npm版本升级cnpm install npm g

E、最新版vue:cnpm install vue;构建大型项目最好使用NPM安装。

F、全局安装vue-cli:cnpm install global vuecli。输入npm vue有信息说明安装完成。

G、使用 cnpm 安装 webpack:cnpm install webpackg

H、切换到D盘,指令:d:,自定义一个文件安装项目(my-vue)。指令:cd my-vue进入路径。

I、创建一个基webpack的项目:vue init webpack myproject(自定义项目名称),会出现一些配置选项一直回车。

J、进入创建的项目,指令:cd myproject。安装cnpm,指令:cnpm install

K、启动项目:cnpm run dev

L、打开浏览器,地址栏输入:http://localhost:8080

M、补充创建项目时显示的界面内容:

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

N、补充启动项目后的界面:

 DONE  Compiled successfully in 19931ms(好慢的单位电脑,创建项目配置时,只选择有用的yes,其它NO,时间会短点)

> Listening at http://localhost:8080
2017-11-14
暂无评论

发表评论