趁着工作闲暇之余,自学一些新东西。 自己选中了vue,所以准备将自学途中遇到的坑以及一些步骤记录下来,便于后期自己回头整理。
1.nodejs环境及安装国内cnpm
首先,windows下先下载nodejs,一路下一步安装即可,安装完成之后验证是否安装成功。
打开命令行工具,输入 node -v,如果出现相应的版本号,则说明安装成功。npm包管理器,是集成在node中的,所以,直接输入 npm -v就会显示出npm的版本信息。
在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待,安装完成。
在命令行中输入 npm install -g webpack 。
在命令行中输入 npm install -g vue-cli 安装脚手架。
2.创建项目及安装项目依赖
命令行进入一个指定的文件夹,作为项目的根目录。cd 工作目录
接下来是创建一个项目:vue init webpack-simple 工程名称(不要用中文),然后是一些默认设置,完成之后等待它下载模板。
进入项目文件夹,安装项目依赖:npm install,安装路由模块和网络请求模块:cnpm install vue-router vue-resource --save
3.启动项目
npm run dev
启动成功,自动打开游览器,显示vue的欢迎界面,成功!
默认端口使用的是8080,如果想要修改,可以在webpack.config.js中修改:
devServer: {
historyApiFallback: true,
noInfo: true,
overlay: true,
port: 9090 //访问端口
}