MAC下vue的安装

vue-cli安装

npm install vue-cli -g

vue-cli的版本查看

vue -V

vue-cli的3.0+以后使用的不是vue-cli了,如果用以上的安装命令安装的并不是最新版的3.0+的,而如果安装3.0的话就需要使用新的

npm install @vue/cli -g

如果原来已经安装了vue-cli的话需要先卸载原来的安装

npm uninstall vue-cli -g

https://www.jianshu.com/p/60d4deda978a

1、vue.min.js文件获取:
直接下载后将其放入工程中,引用该文件:

链接:https://vuejs.org/js/vue.min.js

或者,使用CDN,以下推荐国外比较稳定的两个 CDN,国内还没发现哪一家比较好,目前还是建议下载到本地:

之后就和正常的js一样引用,如:

 <script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script>

2、下载安装node

官网:https://nodejs.org/en/download/

下载安装node


 
查看版本

3、cnpm代替npm
国内直接使用 npm 的官方镜像是非常慢的,推荐使用淘宝 NPM 镜像:

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

之后就可以使用淘宝定制的 cnpm 命令行工具,来安装模块了:

cnpm install [name]

4、安装Vue.js 的官方命令行工具:

# 全局安装 vue-cli
sudo cnpm install --global vue-cli
# 或
cnpm install -g vue-cli
 
查看版本

5、创建一个新的项目:

# 创建一个基于 webpack 模板的新项目
vue init webpack my-project
# 这里需要进行一些配置,默认回车即可
 
新的项目

报错,这个错误是node_modules带来的,先忽略:

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! chromedriver@2.40.0 install: node install.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the chromedriver@2.40.0 install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above

6、运行项目:

cd my-project
cnpm install # 安装依赖,安装在node_modules文件夹
cnpm run dev #运行项目
 
成功

 
浏览器运行

参考资料:https://blog.csdn.net/m0_37479246/article/details/78836686
http://www.runoob.com/vue2/vue-install.html
https://blog.csdn.net/gh254172840/article/details/78871573
https://blog.csdn.net/qq_34233232/article/details/78178362



作者:虫yu
链接:https://www.jianshu.com/p/60d4deda978a
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

原文地址:https://www.cnblogs.com/sundaysandroid/p/13861215.html