vue.js 脚手架安装
一、搭建环境1、 安装nodejs (网址:https://nodejs.org/en/)直接网上找下载就好。建议用推荐版本(8.11.3)。安装过程很简单,一路“下一步”就可以了。安装完成之后,打开命令行工具,输入 node -v,如下图,如果出现相应的版本号,则说明安装成功。安装成功后npm同时安装完成。2、安装淘宝镜像npm install -g cnpm --re...
一、搭建环境
1、 安装nodejs (网址:https://nodejs.org/en/)
直接网上找下载就好。建议用推荐版本(8.11.3)。安装过程很简单,一路“下一步”就可以了。安装完成之后,打开命令行工具,输入 node -v,如下图,如果出现相应的版本号,则说明安装成功。安装成功后npm同时安装完成。
2、安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装这里是因为我们用的npm的服务器是外国,有的时候我们安装“依赖”的时候很很慢很慢超级慢,所以就用这个cnpm来安装我们说需要的“依赖”。安装完成之后输入 cnpm -v,如下图,如果出现相应的版本号,则说明安装成功。
3、安装webpack
npm install -g webpack
安装完成之后输入 webpack -v,如下图,
输入webpack-cli。如果出现相应的版本号,则说明安装成功。
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 myproject
cd myproject
npm install
npm run dev
更多推荐
所有评论(0)