Vue 安装

命令行模式安装


Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目:

# 全局安装 vue-cli
npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
vue init webpack my-project
# 安装依赖,走你
cd my-project
npm install
npm run dev

CLI 工具假定用户对 Node.js 和相关构建工具有一定程度的了解。如果你是新手,我们强烈建议先在不用构建工具的情况下通读指南,熟悉 Vue 本身之后再研究 CLI。

对于大陆用户,建议将 npm 的注册表源设置为国内的镜像,可以大幅提升安装速度。

SASS/SCSS问题


大陆用户执行完上述步骤后一般来说是无法使用sass/scss的(除非翻墙)。如果要使用的话,需要换成国内镜像安装。

方法一

利用cnpm安装

# -g 全局安装
# --registry 镜像
npm install cnpm -g --registry=https://registry.npm.taobao.org

# --save-dev 添加到开发环境依赖
cnpm install --save-dev sass-loader style-loader css-loader

方法二

npm install --save-dev style-loader css-loader
npm install --save node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mirrors/node-sass
 
说明:
 
--registry=https://registry.npm.taobao.org 淘宝npm包镜像
 
--disturl=https://npm.taobao.org/dist 淘宝node源码镜像,一些二进制包编译时用
 
--sass-binary-site=http://npm.taobao.org/mirrors/node-sass 这个才是node-sass镜像

成功安装上后就可以使用sass/scss啦

Babel


使用vue-cli构建的项目如果需要载入src或test下以外的js文件时,请注意在bulid/webpack.base.conf.js中修改一下配置。

      {
        test: /\.js$/,
        loader: 'babel-loader',
        # 需要改动的地方:
        include: [resolve('src'), resolve('test'), resolve('path')]
      },

改完后重启服务就OK啦!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 【PS:来自一年后看到这篇文章的自己 感觉废话真的是太太太太多了】下面是这整篇文章的简易版,如果遇到些其他的搭建问...
    努力努力的老姑娘阅读 595评论 0 1
  • 有些岁月被翻捡得不成样子 有些心情漂白了又一再漂白 那些文字被咀嚼得都有了祥林嫂的影子了 那些沉默一而再再而三地落...
    阿桂爱原创阅读 394评论 25 62
  • 二十六 三杏儿出嫁 花青的第二次出走,石向明看上去倒是没有太大的伤害,可让人们想不到的是,...
    冯二二阅读 651评论 5 2
  • 二零一七年玖月,欧百惠问世了! 欧百惠短袜介绍: ✨一盒七双,三黑两灰两白 ✨男女通穿,全部均码 ✨全国统一零售价...
    小爪3521阅读 355评论 0 0
  • 姚重华如同遭受晴天霹雳!她怎么一下子就要嫁人了?姚重华一点心理准备也没有,心里五味杂陈,又苦又涩、又酸又痛,不知道...
    不咸的海盐阅读 800评论 5 16

友情链接更多精彩内容