npm 命令

npm 命令

1. 跑起服务 $ npm run serve

2. 配置node 解析vue文件npm install vue-loader vue-template-compiler --save-dev

安装

cnpm install -g @vue/cli 

查看cli版本

vue -V

新建项目

vue create 项目名

启动服务运行项目

npm run serve

拉取 2.x 模板(旧版本)

npm install -g @vue/cli-init //vue init 的运行效果会跟'vue-cli@2.x'相同
vue init webpack my-poject

vue ui图形化界面管理项目

vue ui

cli打包

 npm run build打包文件

css标签标准化

1. 下载 normalize.css放到css文件中
2.  在自身的css文件中引入@import"./normalize.css"
3. App.vue中引入@import"assets/css/base.css";

render

1. ？ new Vue 时能不能使用 template 呢？
      能
      如果 new Vue 时提供了 template 选项或者 render 选项，那么就会按照他们的模板内容去替换挂载点,

      如果没有提供 template 选项或者 render 选项，那么挂载点的内容就时模板内容


render (createElement) {
        // let h1 = createElement('h1', null, '123')
        // return createElement('div', null, [
        //   createElement('h1', null, 'hello'),
        //   createElement('p', null, [
        //     createElement('span', null, '1'),
        //     createElement('button', null, '2')
        //   ])
        // ])

        let obj = {
          // template: `
          //   <div>hello</div>
          // `,
          render (createElement) {
            return createElement('div', null, 'hello')
          }
        }

        return createElement(obj)
      }

scoped

<style scoped>
/* 不影响别的组件，只需要给style 加一个 scoped 
  局部样式
*/
.myp {
  color: red
}
</style>