vue的项目搭建

cdn引用:

1.Staticfile CDN(国内) : https://cdn.staticfile.org/vue/2.2.2/vue.min.js
2.unpkg:https://unpkg.com/vue/dist/vue.js, 会保持和 npm 发布的最新的版本一致。
3.cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

NPM方法

由于 npm 安装速度慢,使用淘宝的镜像及其命令 cnpm
npm 版本需要大于 3.0,如果低于此版本需要升级它
使用淘宝镜像安装地址:https://www.runoob.com/nodejs/nodejs-npm.html#taobaonpm

查看版本

$ npm -v 2.3.0 

升级npm

cnpm install npm -g 

升级或安装cnpm

npm install cnpm -g 

在用 Vue.js 构建大型应用时推荐使用 NPM 安装:

最新稳定版本

$ cnpm install vue 

Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。

全局安装 vue-cli

$ cnpm install --global vue-cli 

创建一个基于 webpack 模板的新项目

$ vue init webpack my-project 

这里需要进行一些配置,默认回车即可 # 全局安装 vue-cli

$ cnpm install --global vue-cli 

创建一个基于 webpack 模板的新项目

$ vue init webpack my-project 

这里需要进行一些配置,默认回车即可

This will install Vue 2.x version of the template. For Vue 1.x use: vue init webpack#1.0 my-project ? Project name my-project ? Project description A Vue.js project ? Author runoob <test@runoob.com> ? Vue build standalone ? Use ESLint to lint your code? Yes ? Pick an ESLint preset Standard ? Setup unit tests with Karma + Mocha? Yes ? Setup e2e tests with Nightwatch? Yes vue-cli · Generated "my-project". To get started: cd my-project npm install npm run dev Documentation can be found at https://vuejs-templates.github.io/webpack 

进入项目,安装并运行:

$ cd my-project $ cnpm install $ cnpm run dev DONE Compiled successfully in 4388ms > Listening at http://localhost:8080 

Vue Devtools调试工具

下载地址:https://github.com/vuejs/vue-devtools#vue-devtools

原文链接:https://blog.csdn.net/qq_35758831/article/details/103496011?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522165934461816782390556177%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=165934461816782390556177&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-14-103496011-null-null.nonecase&utm_term=%E6%90%AD%E5%BB%BAcdn

原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/6649

(0)
上一篇 2022年10月3日
下一篇 2022年10月3日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

优速盾注册领取大礼包www.cdnb.net
/sitemap.xml