vue.js 脚手架安装

一、搭建环境

1、 安装nodejs 

直接网上找下载就好。建议用推荐版本。安装过程很简单,一路“下一步”就可以了。安装完成之后,打开命令行工具,输入 node -v,如下图,如果出现相应的版本号,则说明安装成功。

2、安装淘宝镜像

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

安装这里是因为我们用的npm的服务器是外国,有的时候我们安装“依赖”的时候很很慢很慢超级慢,所以就用这个cnpm来安装我们说需要的“依赖”。安装完成之后输入 cnpm -v,如下图,如果出现相应的版本号,则说明安装成功。

3、安装webpack

cnpm install webpack -g

安装完成之后输入 webpack -v,如下图,如果出现相应的版本号,则说明安装成功。

4、安装vue-cli脚手架构建工具

npm install vue-cli -g

安装完成之后输入 vue -V(注意这里是大写的“V”),如下图,如果出现相应的版本号,则说明安装成功。

二、通过以上四步,我们需要准备的环境和工具都准备好了,接下来就开始使用vue-cli来构建项目

1、在你想要新建项目的路径下新建文件夹 用于存放项目文件 ,安装vue脚手架

2、cd 命令进入创建的工程目录,这里是自己建工程的名字;

3、安装项目依赖:npm install,因为自动构建过程中已存在package.json文件,所以这里直接安装依赖就行。不要从国内镜像cnpm安装(会导致后面缺了很多依赖库),但是但是如果真的安装“个把”小时也没成功那就用:cnpm install 吧

4、启动项目,输入:npm run dev。服务启动成功后浏览器会默认打开一个“欢迎页面”

vue init webpack-simple myproject
cd myproject
npm install
npm run dev

猜你喜欢

转载自my.oschina.net/u/2518388/blog/1552707