Vue.js学习入门(一) Vue的安装(ubantu环境下)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011323949/article/details/79385757

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。

npm是Node.js 的包管理器 ,是全球最大的开源库生态系统。


1.检查node是否已安装

终端输入 node -v

如果输出版本号,说明node环境已安装;

2.如果没有安装,可以参考菜鸟教程上的安装教程:

http://www.runoob.com/nodejs/nodejs-install-setup.html

3.安装成功后,可以分别在终端输入: node -v  npm -v  查看是否安装成功

4.安装vue-cli

如果访问外网比较慢,可以使用淘宝的镜像 https://npm.taobao.org/
打开命令终端 npm install -g cnpm --registry=https://registry.npm.taobao.org
回车之后,就可以可以快乐的用 cnpm 替代 npm,运行命令依然是npm

全局安装vue-cli

npm install --global vue-cli

创建一个基于webpack模板的新项目(初始化项目)

vue init webpack project

进入项目并执行:

cd project

npm install

npm run dev


安装过程中,遇到了警告,因为不是ERR,所以选择直接忽略,哈哈..,浏览器打开http://localhost:8080

界面显示:

安装成功!

脚手架搭好之后,后期开发基本都在src目录下进行

猜你喜欢

转载自blog.csdn.net/u011323949/article/details/79385757