node.js环境搭建
1、打开官网下载相应系统安装包,mac下载pkg
2、双击安装,执行下一步,到完成
3、运行node -v 查看node版本
4、运行npm -v 查看npm版本
安装cnpm
由于资源的限制,安装npm依赖包的时候经常失败,建议使用npm的国内镜像cnpm 命令行工具代替默认的npm。
npm 国内镜像 https://npm.taobao.org/
在命令行中输入以下内容等待安装,sudo是为了获取相关权限,之后需要验证输入自己的电脑密码
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
cpnm全局安装vue-cli
在命令行中运行以下命令然后等待安装
cnpm install -g vue-cli
新建项目
在这里我将vue项目建在桌面的practice文件夹下,利用命令进入此目录。
cd practice
在此目录下创建一个基于 webpack 模板的新项目,即在terminal中输入以下命令:
vue init webpack my-vue-project
安装依赖
npm install
运行项目
npm run dev
项目运行成功后浏览器会自动打开localhost:8080呈现以下页面:
***拓展:***如果需要npm run dev之后可以自动打开页面至浏览器,在生成项目文件中修改autoOpenBrowser: true即可。